﻿<%@ Page Title="Kho Sách :: Realbooks" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="products.aspx.cs" Inherits="products" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="row">
		<div class="col-sm-10 col-sm-12   " id="content">	<div class="breadcrumb">
		<a href="index.html">Trang chủ</a>
		 &raquo; <a href="products.html">chi tiết sản phẩm</a>
		</div>
	<div class="product-info">
		<div class="row">

	<div class="col-sm-4">
			<h1 class="view">Mặt dày tâm đen</h1>
	
	<script type="text/javascript">
	    jQuery(document).ready(function () {
	        var myPhotoSwipe = $("#gallery a").photoSwipe({ enableMouseWheel: false, enableKeyboard: false, captionAndToolbarAutoHideDelay: 0 });
	    });
	</script>
	
		<div id="full_gallery">
		<ul id="gallery">
			<li><a href="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png" data-something="something" data-another-thing="anotherthing"><img src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png" title="Voletasa mytras" alt="Voletasa mytras" /></a></li>						<li><a href="http://livedemo00.template-help.com/opencart_47983/image/cache/data/The Naked Pint by Christina Perozzi & Hallie Beaune 3 copy-600x600.png" data-something="something1" data-another-thing="anotherthing1"><img src="http://livedemo00.template-help.com/opencart_47983/image/cache/data/The Naked Pint by Christina Perozzi & Hallie Beaune 3 copy-600x600.png" alt="Voletasa mytras" /></a></li>
							<li><a href="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 2 copy-600x600.png" data-something="something1" data-another-thing="anotherthing1"><img src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 2 copy-600x600.png" alt="Voletasa mytras" /></a></li>
						</ul>
		
	</div>
	
				<div id="default_gallery" class="left spacing">
						<div class="image"> 
				<img id="zoom_01"  data-zoom-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png" src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-270x270.png" title="Voletasa mytras" alt="Voletasa mytras" />
			</div>
										<div class="image-additional">
					<ul id="image-additional">
												<li>
							<a href="#" data-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png" data-zoom-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png">
								<img id="img_01" src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-600x600.png" />
							</a>
						</li>
																		
						 <li>
							<a href="#" data-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 3 copy-600x600.png" data-zoom-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 3 copy-600x600.png">
								<img id="img1" src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 3 copy-270x270.png" />
							</a>
						</li>
												
						 <li>
							<a href="#" data-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 2 copy-600x600.png" data-zoom-image="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 2 copy-600x600.png">
								<img id="img2" src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 2 copy-270x270.png" />
							</a>
						</li>
											</ul>
					<div class="clear"></div>
				</div>
					</div>
				</div>
	<div class="col-sm-8">
		<h1>Voletasa mytras</h1>
	  <div class="description">
		<div class="product-section">
						<span>Product Code:</span> Product 4<br />
						<span>Reward Points:</span> 1000<br />
						<span>Availability:</span><div class="prod-stock">In Stock</div>
		</div>
		
	  	  <div class="price">
		<span class="text-price">Price:</span>
				<span class="price">$21.50</span>
						<span class="price-tax">Ex Tax: $16.60</span>
							  </div>
	  	   	  	  <div class="cart">
		<div class="prod-row">
			<div class="cart-top">
				<div class="cart-top-padd form-inline">
					<label>Qty:						<input class="q-mini" type="text" name="quantity" size="2" value="1" />
						<input class="q-mini" type="hidden" name="product_id" size="2" value="49" />
					</label>
					
				</div>
				<div class="extra-button">
					<div class="compare">
						<a class="tooltip-1" onclick="addToCompare('49');" title="Add to Compare"><i class="fa fa-bar-chart-o"></i><span>Add to Compare</span></a>
					</div>
					<div class="wishlist">
						<a class="tooltip-1" onclick="addToWishList('49');" title="Add to Wish List"><i class="fa fa-star"></i><span>Add to Wish List</span></a>
					</div>
					<a title="Add to Cart" id="button-cart" class="button-prod tooltip-1" ><i class="fa fa-shopping-cart"></i><span>Add to Cart</span></a>
				</div>
				<div class="clear"></div>
							</div>
		</div>
		</div>
		<div class="clear"></div>
				<div class="review">
			<div>
				<img src="Images/stars-0.png" alt="0 reviews" />&nbsp;&nbsp;
				<div class="btn-rew">
					<a onclick="document.getElementById('tab-review').scrollIntoView();">0 reviews</a>
					<a onclick="document.getElementById('tab-review').scrollIntoView();"><i class="fa fa-pencil"></i>Write a review</a>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
				<div class="clear"></div>
		<div class="share">
			<!-- AddThis Button BEGIN -->
			<span class='st_facebook_hcount' displayText='Facebook'></span>
			<span class='st_twitter_hcount' displayText='Tweet'></span>
			<span class='st_googleplus_hcount' displayText='Google +'></span>
			<span class='st_pinterest_hcount' displayText='Pinterest'></span>
			<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
			<script type="text/javascript">stLight.options({ publisher: "00fa5650-86c7-427f-b3c6-dfae37250d99", doNotHash: false, doNotCopy: false, hashAddressBar: false });</script>
			<!-- AddThis Button END -->
		</div>
	</div>
  </div>
  </div>
	<div class="tabs">
		<div class="tab-heading">
			Description		</div>
		<div class="tab-content">
			<p>Well, reading books as a hobby was always a noble, pleasant and very useful kind of activity. It gives knowledge, exerts on the process of <strong>development of your personality</strong>. For a long period of time books were very rare and because of such confines only some �esoteric� people could afford them. And you know what? Books always have some notes of mysticism. Just remember that special atmosphere of solitude in the library or in the old book-store, it seemed that imponderable scent of rational identity is in the air... The unique smell of old and new pages, soft cover and so on. Yeah, they are worth our admiring.</p>

<p>But those times are long gone and we live in 21st century, and the most revolutionary thing that had happened is that books have lost their natural view. Books became more available. On-line book stores can offer you a great assortment of books. Can you imagine a <strong>world of knowledge without limits</strong>? You can get everything you want and all you have to do is just visit our store. We have tremendous variety of products; here you can find the world famous bestsellers and the books of unknown authors. Actually we do understand that our activity is very important for many of you and we will never let you down.</p>

<p>Our business is very noble and it has many traditions. That is why we have such a great number of devoted clients all over the country. It is a great pleasure to give people the knowledge and the power of the intelligence. We all must remember that our forefathers didn�t have such unlimited abilities as we have. The diversity of our products is unbelievable because we have a vast book collection - all genres and styles! Our company guarantees the quality of our goods because we care about our clients. If you have some questions about our products, terms and other features, you can address our superb <strong>24/7</strong> support system.</p>
		</div>
	</div>
			<div class="tabs" id="tab-review">
		<div class="tab-heading">
			Reviews (0)		</div>
		<div class="tab-content">
			<div id="review"></div>
			<h2 id="review-title">Write a review</h2>
			<label>Your Name:</label>
			<input type="text" name="name" value="" />
			<br />
			<br />
			<label>Your Review:</label>
			<textarea name="text" cols="40" rows="8" style="width: 93%;"></textarea>
			<div class="clear"></div>
			<span style="font-size: 11px;"><span style="color: #FF0000;">Note:</span> HTML is not translated!</span><br />
			<br />
			<label class="inline">Rating:</label>
			<div class="form-inline border">
				<span class="radio">Bad</span>&nbsp;
				<input type="radio" name="rating" value="1" />
				&nbsp;
				<input type="radio" name="rating" value="2" />
				&nbsp;
				<input type="radio" name="rating" value="3" />
				&nbsp;
				<input type="radio" name="rating" value="4" />
				&nbsp;
				<input type="radio" name="rating" value="5" />
				&nbsp; <span class="radio">Good</span><br />
			</div>
			
			<label>Enter the code in the box below:</label>
			<input type="text" name="captcha" value="" />
			
			<img src="Images/captcha" alt="" id="captcha" />
			<br />
			<div class="buttons">
			<div><a id="button-review" class="button-cont-right">Continue<i class="fa fa-arrow-circle-right"></i></a></div>
			</div>
		</div>
	</div>
		  
  </div>
    <h1 class="style-1 mt0">Related Products</h1>
  <div  class="related">
	<div class="box-product"> 
		<ul class="related-slider">
						<li class="related-info">
						<div class="image">
				<a href="products.html"><img id="img_30" src="Images/The ESV Study Bible Hardcover 1 copy-131x199.png" alt="Velit sed leo" />
				<!--custom ---->
						<span class="sticker_sale"><img alt="" src="Images/sticker_sale_en.png"></span>
											
					<!----custom --></a>
				
			</div>
						<div class="inner1">
			<div class="name"><a href="products.html">Velit sed leo			</a></div>
			
			<div class="cart-button">

								<div class="price">
								<span class="price-new">$18.30</span><span class="price-old">$19.63</span>
								</div>
								
				
				<div class="wishlist"><a class="tooltip-2" title="Add to Wish List"  onclick="addToWishList('30');"><i class="fa fa-star"></i><span>Add to Wish List</span></a></div>
				<div class="compare"><a class="tooltip-2" title="Add to Compare"  onclick="addToCompare('30');"><i class="fa fa-bar-chart-o"></i><span>Add to Compare</span></a></div>
				<div class="cart">
					<a title="Add to Cart" onclick="addToCart('30');" class="button tooltip-2">
						<i class="fa fa-shopping-cart"></i>
						<span>Add to Cart</span>
					</a>
				</div>
				
				<span class="clear"></span>				
			</div>
			<div class="rating">
						</div>
			</div>
			</li>
					</ul>
		</div>
  </div>
    </div>
  
<aside class="col-sm-2" id="column-right">
    <script type="text/javascript">
        (function ($) { $.fn.equalHeights = function (minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function () { if ($(this).height() > tallest) { tallest = $(this).height() } }); if ((maxHeight) && tallest > maxHeight) tallest = maxHeight; return this.each(function () { $(this).height(tallest) }) } })(jQuery)
        $(window).load(function () {
            if ($(".maxheight-best").length) {
                $(".maxheight-best").equalHeights()
            }
        })
</script>
<div class="box bestsellers">
  <div class="box-heading">Bestsellers</div>
  <div class="box-content">
	<div class="box-product">
		<ul class="row">
		  		  			<li class="first-in-line last_line col-sm-2"><div>
				<div class="image2">
					<a href="products.html"><img id="img_49" src="Images/The Naked Pint by Christina Perozzi & Hallie Beaune 1 copy-131x199.png" alt="Voletasa mytras" />
					
										<!--custom ---->							
											<!----custom --></a>					
				</div>
				<div class="inner">
				
					<div class="f-left maxheight-feat">						
						<div class="name"><a href="products.html">Voletasa mytras</a></div>
						
												<div class="description">Well, reading books as a hobby...</div>
							
												
					</div>					
					
									
				<div class="cart-button">
				
												<div class="price">
														$21.50													</div>
												
						<div class="cart"><a title="Add to Cart" data-id="49;" class="button addToCart tooltip-1"><i class="fa fa-shopping-cart"></i><span>Add to Cart</span></a></div>
						
						<span class="clear"></span>
				</div>
				
				<div class="clear">
				</div>
				</div>
				<div class="clear"></div>
			  </div></li>
		  		</ul>
	</div>
  </div>
</div>
    <div class="box info" id="compare">
	<div class="box-heading">Product Comparison</div>
	<div class="box-content">
				<div class="product-compare"><a class="button" href="product_compare.html"><span>Product Compare</span></a></div>
	</div>
</div>

    <script type="text/javascript">
        (function ($) { $.fn.equalHeights = function (minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function () { if ($(this).height() > tallest) { tallest = $(this).height() } }); if ((maxHeight) && tallest > maxHeight) tallest = maxHeight; return this.each(function () { $(this).height(tallest) }) } })(jQuery)
        $(window).load(function () {
            if ($(".maxheight").length) {
                $(".maxheight").equalHeights()
            }
        })
</script>

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $('.new-products  li ').last().addClass('last');
        });
    });
</script>
	<div class="box new-products">
		<div class="box-heading">Latest</div>
		<div class="box-content">
			<div class="box-product">
				<ul class="row">
		  		  						<li class="first-in-line last_line col-sm-2"><div>
							<div class="image2">
								<a href="products.html"><img src="Images/20000 Leagues Under the Sea by Jules Verne 1 copy-131x199.png" alt="Dolore feroas" />
								
											<!--custom ---->							
											
						<!----custom --></a>								
							</div>
				<div class="inner">
				
					<div class="f-left maxheight-feat">						
						<div class="name"><a href="products.html">Dolore feroas</a></div>
						
												<div class="description">Well, reading books as a hobby...</div>
							
												
					</div>					
					
									
				<div class="cart-button">
				
												<div class="price">
														$18.99													</div>
												
						<div class="cart"><a title="Add to Cart" data-id="51;" class="button addToCart tooltip-1"><i class="fa fa-shopping-cart"></i><span>Add to Cart</span></a></div>
						
						<span class="clear"></span>
				</div>
				
				<div class="clear">
				</div>
				</div>
								<div class="clear"></div>
						</div></li>
									</ul>
			</div>
		</div>
	</div>
</asp:Content>

